<template>
	<view class="content" @click="jumpTo('/views/organization-page/ActivityDetail?activityId='+activity.activityId)">
		<view class="img">
			<up-avatar :src="activity.organization.orgLogo" size="60px"></up-avatar>
		</view>
		<view class="name">
			<text>{{activity.activityName}}</text>
		</view>
		<view class="option">
			<text>详情</text>
			<u-icon name="rewind-right" color="#2979ff" size="28"></u-icon>
		</view>
	</view>
</template>

<script setup>

const {activity} = defineProps({
  activity: {
    type: Object,
    default: null
  }
});
/**
 * @description 页面跳转
 */
const jumpTo = (path) => {
  uni.navigateTo({
    url: path
  });
};
</script>

<style lang="scss">
.content{
  width: 100%;
  height: 100px;
  background: #ffffff;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.img{
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.name{
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.option{
  width: 30%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
</style>
